<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <script src="layui/layui.js"></script>
    <style>
        body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td{

            margin:0; padding:0
        }
        body
        {
            background: url("/img/bg.jpg");
        }
        #login
        {
            width: 20%;
            margin: 400px auto;
            height: 50%;
            line-height: 50%;
            background: white;
            padding-left: -50px;
            padding-right: 50px;
            background: rgba(255,255,255,.5);
        }
    </style>
</head>
<body>
<div id="login">
    <div class="layui-form" style="padding-top: 15px;" >
    <div class="layui-form-item">
        <label class="layui-form-label" >用户名</label>
        <div class="layui-input-block">
            <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input" lay-verify="required">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">密&nbsp;&nbsp;&nbsp;码</label>
        <div class="layui-input-block">
            <input type="password" name="" placeholder="请输入" autocomplete="off" class="layui-input"  lay-verify="required">
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block" style="margin-left: 150px">
            <a href="{{ url("/show") }}"><button class="layui-btn" lay-submit lay-filter="*">登陆</button></a>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</div></div>
<script src="layui.js"></script>
<script>
    layui.use('form', function(){
        var form = layui.form;

        //各种基于事件的操作，下面会有进一步介绍
    });
</script>
</body>
</html>